<!DOCTYPE html>
<html>
<head>
    <title>添加任务</title>
    @@include('./head_min.html')
    <link rel="stylesheet" type="text/css" href="../css/checkbox.css" />
    <body>
        <div class="navbar navbar-inverse navbar-data navbar-fixed-top" id="menu">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="javascript:history.go(-1);"> <i class="fa fa-chevron-left"></i>
                    </a>
                    <a class="navbar-brand" href="index.html">后台数据管理系</a>
                </div>
                <div class="navbar-collapse collapse ">
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="func_section.html">栏目管理</a>
                        </li>
                        <li>
                            <a href="func_task.html">任务管理</a>
                        </li>
                        <li>
                            <a href="func_role.html">角色列表</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /header -->
        <div class="wrapper">
            <div class="layout">
                <div class="container">
                    <div class="clearfix">
                        <a class="btn btn-warning btn-sm pull-right" href="func_task_add.html"> <i class="fa fa-plus"></i>
                        创建任务
                        </a>
                    </div>
                    <table class="table table-bordered wow bounceInUp" data-wow-delay="0.2s">
                        <thead>
                            <tr>
                                <th>标题</th>
                                <th>进度</th>
                                <th>负责人</th>
                                <th>优先级</th>
                                <th>查看详情</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="active">
                                <td>游戏及后台修建</td>
                                <td>20%</td>
                                <td>赵红梅</td>
                                <td>高</td>
                                <td>
                                    <a class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModal">点击查看</a>
                                </td>
                            </tr>
                            <tr class="danger">
                                <td>游戏及后台修建</td>
                                <td>20%</td>
                                <td>赵红梅</td>
                                <td>高</td>
                                <td>
                                    <a class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModal">点击查看</a>
                                </td>
                            </tr>
                            <tr class="active">
                                <td>游戏及后台修建</td>
                                <td>20%</td>
                                <td>赵红梅</td>
                                <td>高</td>
                                <td>
                                    <a class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModal">点击查看</a>
                                </td>
                            </tr>
                            <tr class="success">
                                <td>游戏及后台修建</td>
                                <td>20%</td>
                                <td>赵红梅</td>
                                <td>高</td>
                                <td>
                                    <a class="btn btn-xs btn-warning" data-toggle="modal" data-target="#myModal">点击查看</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!--导航条-->
        @@include('./footer.html')
        <!-- 弹出层 Modal -->
        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                        <h4 class="modal-title text-danger" id="myModalLabel"><i class="fa fa-thumbs-o-up"></i>&nbsp;游戏及后台修建</h4>
                    </div>
                    <div class="modal-body">
                        <dl class="dl-horizontal">
                            <dt>标题:</dt>
                            <dd>游戏及后台修建</dd>
                        </dl>
                        <dl class="dl-horizontal">
                            <dt>内容:</dt>
                            <dd>对新后台进行wap端的开发</dd>
                        </dl>
                        <dl class="dl-horizontal">
                            <dt>创建人:</dt>
                            <dd>赵红梅</dd>
                        </dl>
                        <dl class="dl-horizontal">
                            <dt>任务创建时间:</dt>
                            <dd>2016-12-18</dd>
                        </dl>
                        <dl class="dl-horizontal">
                            <dt>任务完成时间:</dt>
                            <dd>2016-12-19</dd>
                        </dl>
                        <dl class="dl-horizontal">
                            <dt>完成说明:</dt>
                            <dd>栏目管理分为游戏后台与管理中心， 添加各自表格与抄作元素</dd>
                        </dl>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-close">  </i>关闭</button>
                        <button type="button" class="btn btn-primary"><i class="fa fa-check"> </i>确定</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- /弹出层 Modal -->

        <!--公共js-->
        @@include('./js.html')
        <!--/公共js-->
        <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        };
        </script>
    </body>
</html>
